<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>注册</title>

  <!-- 1.重置样式 -->
  <link rel="stylesheet" href="../css/normalize.css">

  <!-- 2.公共样式 -->
  <link rel="stylesheet" href="../css/common.css">

  <!-- 3.当前样式 -->
  <link rel="stylesheet" href="../css/register.css">


</head>

<body>
  <div class="container-fluid re-head">
    <div class=" clearfix container head-box">
      <a href="./home.html"><img src="../imags/logo-white.png" alt=""></a>
      <p class="fr">已有源码账号,&emsp;
        <a class="bl0bf" href="#">立即登录</a>
      </p>
    </div>
  </div>

  <div class="register">
    <div class="container register-box">
      <div class="re-box">
        <h1>欢迎注册</h1>
        <h2>百款接口免费试用</h2>
        <p class="box-title">注册即送300元大礼包</p>
        <p>
          <input class="int" type="text" placeholder="用户名(6-12位字母数字)">
          <img src="../imags/clearInput.png" class="del-btn">
          <span>昵称需在6-12位字母和数字</span>
        </p>

        <p>
          <input class="int" type="text" placeholder="请输入手机号码">
          <img src="../imags/clearInput.png" class="del-btn">

          <span>请输入正确的手机号</span>
        </p>

        <p class="clearfix">
          <input class="fl int iphone" type="text" placeholder="请输入手机短信验证码">
          <button class="fl getCode">获取验证码</button>
          <img src="../imags/clearInput.png" class="del-btn del-btn-code">

          <span>请输入4位手机验证码</span>
        </p>

        <p>
          <input class="int" type="password" placeholder="请输入6-12位的密码">
          <img src="../imags/clearInput.png" class="del-btn">

          <span>请输入6-12位的密码</span>
        </p>

        <p>
          <input class="isAgree" type="checkbox">
          我已阅读并接受
          <a class="bl0bf" href="#">《源码用户服务协议》</a>
          <a class="bl0bf" href="#">《源码隐私政策》</a>
        </p>
        <p>
          <button disabled class="btn">立即注册</button>
        </p>

      </div>
    </div>
  </div>


  <!-- dom.js -->
  <script src="../lib/dom.js"></script>
  <!-- 当前js -->
  <script src="../js/register.js"></script>
</body>

</html>